<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <title>Title</title>
    <!--css样式-->
    <link href="__PUBLIC__/Moble_home/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/Moble_home/css/mui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/Moble_home/css/mui.min.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/Moble_home/css/index.css" rel="stylesheet" type="text/css"/>

    <!--js文件夹下的jQuery库和js封装函数-->
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/mui.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/mui.min.js"></script>
</head>
<body>
<!--左导航菜单区块-->
<div id="sidebar">
    <div class="list-group">
             <span class="list_group_line active">
                    <span class="list_text">全部分类</span>
                    <div onclick="sideclose(this)" class="side_btn">
                        <div class="glyphicon glyphicon-th-list glyopen"></div>
                    </div>
                </span>

        <div class="list_title">
                <a onclick="down(this)" class="list-group-item" id="a1">{$types_parent[0]['type_name']}</a>
                <a onclick="down(this)" class="list-group-item" id="a2">{$types_parent[1]['type_name']}</a>
                <a onclick="down(this)" class="list-group-item" id="a3">{$types_parent[2]['type_name']}</a>
                <a onclick="down(this)" class="list-group-item" id="a4">{$types_parent[3]['type_name']}</a>
        </div>

         <!--文具用品-->
        <div id="b1" class="list_a list_content"> 
            <volist name="types1" id="value">   
            <div class="list_line">  
                <a class="list_img" href="__APP__/Home/Search/search/q/{$value['type_name']}">
                    <img src="{$value['type_image']}"/>
                    <span>{$value['type_name']}</span>
                </a>
            </div>
            </volist>
        </div>

         <!--办公用品-->
         <div id="b2" class="list_b list_content">
              <volist name="types2" id="value"> 
                 <div class="list_line">   
                     <a class="list_img" href="__APP__/Home/Search/search/q/{$value['type_name']}">
                     <img src="{$value['type_image']}"/>
                     <span>{$value['type_name']}</span>
                     </a>
                 </div>
              </volist>
         </div>

        <!--打印耗材-->
        <div id="b3" class="list_c list_content">
             <volist name="types3" id="value"> 
                <div class="list_line">   
                    <a class="list_img" href="__APP__/Home/Search/search/q/{$value['type_name']}">
                    <img src="{$value['type_image']}"/>
                    <span>{$value['type_name']}</span>
                    </a>
                </div>
             </volist>
        </div>

        <!--更多-->
       <div id="b4" class="list_d list_content">
            <volist name="types4" id="value"> 
               <div class="list_line">   
                   <a class="list_img" href="__APP__/Home/Search/search/q/{$value['type_name']}">
                   <img src="{$value['type_image']}"/>
                   <span>{$value['type_name']}</span>
                   </a>
               </div>
            </volist>
        </div>
    </div>
</div>

<!--主页面-->
<div id="container" class="container">
<!--页头内容-->
<header>
        <!--页头logo区块-->
        <div class="header_line dropdown">
             <div onclick="sideOpen(this)" class="head_btn">
                <div class="glyphicon glyphicon-th-list glyopen"></div>
            </div>
            <span class="header_logo">文具商城 </span>
        </div>

         <div class="header_n">
             <!--轮播区块-->
              <div id="slider" class="mui-slider" >
                 <div class="mui-slider-group mui-slider-loop">
                     <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                     <div class="mui-slider-item mui-slider-item-duplicate">
                         <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$carousel[3]['id']}">
                             <img src="__PUBLIC__/Moble_home/images/timg4.jpg">
                         </a>
                     </div>
                     <!-- 第一张 -->
                     <volist name="carousel" id="value">
                     <div class="mui-slider-item">
                         <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$value['id']}">
                             <img src="{$value['goods_carousel_img']}">
                         </a>
                     </div>
                    </volist>
        
                     <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                     <div class="mui-slider-item mui-slider-item-duplicate">
                         <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$carousel[0]['id']}">
                             <img src="{$carousel[0]['goods_carousel_img']}">
                         </a>
                     </div>
                 </div>
                 <div class="mui-slider-indicator">
                     <div class="mui-indicator mui-active"></div>
                     <div class="mui-indicator"></div>
                     <div class="mui-indicator"></div>
                     <div class="mui-indicator"></div>
                 </div>
             </div>

             <!--搜索框区块-->
             <form action="__APP__/Home/Search/search" method="post">
             <div class="header_search">
                <div class="input-group">
                    <input type="text" name="search" class="form-control">
                    <span class="input-group-addon search" >搜索</span>
                </div>
             </div>
             </form>
         </div>
 </header>
<!--网页中间内容-->
<div class="main_content">
    <!--商品分类-->
     <div class="search_down">
            <a onclick="sideOpen(this)" class="search_down_li">
                <button class="header_btn btntopnav topnav1" type="button">
                    <span class="glyphicon glyphicon-th-list glytopnav"></span>
                </button>
                <div>全部分类</div>
            </a>
            <a href="__APP__/Home/Order/order" class="search_down_li">
                <button class="header_btn btntopnav topnav2" type="button">
                    <span class="glyphicon glyphicon-tag glytopnav"></span>
                </button>
                <div>我的订单</div>
            </a>
            <a href="__APP__/Home/Cart/add_cart" class="search_down_li">
                <button class="header_btn btntopnav topnav3" type="button">
                    <span class="glyphicon glyphicon-shopping-cart glytopnav"></span>
                </button>
                <div>购物车</div>
            </a>
            <a class="search_down_li" href="__APP__/Home/Personal/personal">
                <button class="header_btn btntopnav topnav4" type="button">
                    <span class="glyphicon glyphicon-user glytopnav"></span>
                </button>
                <div>个人中心</div>
            </a>
        </div>
    <!--新品上架-->
    <div class="new_style">
        <div class="new_style_li">
            <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$new_goods_info['0']['id']}" class="new_style_a">
                <img src="__PUBLIC__/Moble_home/images/临时1.jpg"/>
            </a>
        </div>
        <div class="new_style_li">
            <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$new_goods_info['1']['id']}" class="new_style_b">
                <img src="__PUBLIC__/Moble_home/images/临时2.jpg"/>
            </a>
            <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$new_goods_info['2']['id']}" class="new_style_b">
                <img src="__PUBLIC__/Moble_home/images/临时3.jpg"/>
            </a>
        </div>
    </div>
    <!--热销标题栏-->
    <div class="hot_title">
        <a href="">热销商品</a>
        <a href="__APP__/Home/Search/search/q/得力">更多></a>
    </div>
    <!--热销商品-->
    <div class="hot_style">
        <volist name='hot_goods' id="value">
            <div class="hot_style_li">
                <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$value['id']}" class="hot_style_a">
                    <img src="{$value['goods_image']}"/>
                </a>
                <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$value['id']}" class="hot_style_title"><span class="font-title">{$value['goods_name']}
                </span>
                <span class="font_big">&yen;{$value['local_price']}</span></a>
            </div>
        </volist>
    </div>
    <!--猜你喜欢标题-->
    <div class="like_title">
        <span>——&nbsp;&nbsp;猜你喜欢&nbsp;♥&nbsp;&nbsp;——</span>
    </div>
    <!--猜你喜欢-->
    <div class="hot_style love_goods">
       
    </div>
<!-- 使用ajax异步调用数据 -->
    <script type="text/javascript">
    //初始化页面需要加载的函数
    $(function(){
        getLoveGoods();
        //搜索内容
        $('.search').on('click', function(){
            $('form').submit();
        });
    });
    function getLoveGoods(){
        $('.get_more').show();
        $.ajax({
          type : "get",
          url:"/index.php/Home/Index/ajaxGetMore",
          dataType:'html',
          success: function(data){
            if(data){
              $(".love_goods").append(data);
              /*隐藏加载信息图片*/
              $('.get_more').hide();
            }else{
              $('.get_more').hide();
              $('#getmore').remove();
            }
          }
        }); 
    }
    //搜索部分
    $('.search').on('click', function(){
        $('form').submit();
    });
    </script> 
    <a href="javascript:;" class="get_more" style="text-align:center; display:block;"> 
        <img src='__PUBLIC__/Moble_home/images/Loading.gif' width="50" height="50"  /> 
    </a> 
    <section id="getmore">
        <a class="onload" href="javascript:void(0)" onclick="getLoveGoods()">点击加载更多</a>
    </section>

</div>
<!--页尾-->
<footer id="footer">
    <button class="scrtop navbar-fixed-bottom" onclick="scrtop()"><span class=" glyphicon glyphicon-menu-up"></span></button>
    <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
        <!--商品分类-->
         <div class="search_down">
                <a onclick="sideOpen(this)" class="search_down_li foot_li">
                    <button class="header_btn btnnav" type="button">
                        <span class="glyphicon glyphicon-th-list glynav"></span>
                    </button>
                    <div>全部分类</div>
                </a>
                <a href="__APP__/Home/Order/order" class="search_down_li foot_li">
                    <button class="header_btn btnnav" type="button">
                        <span class="glyphicon glyphicon-tag glynav"></span>
                    </button>
                    <div>我的订单</div>
                </a>
                <a href="__APP__/Home/Cart/add_cart" class="search_down_li foot_li">
                    <button class="header_btn btnnav" type="button">
                        <span class="glyphicon glyphicon-shopping-cart glynav"></span>
                    </button>
                    <div>购物车</div>
                </a>
                <a class="search_down_li foot_li" href="__APP__/Home/Personal/personal" >
                    <button class="header_btn btnnav" type="button">
                        <span class="glyphicon glyphicon-user glynav"></span>
                    </button>
                    <div>个人中心</div>
                </a>
            </div>
    </nav>
</footer>
</div>
<script type="text/javascript" src="__PUBLIC__/Moble_home/js/index.js"></script>
</body>
</html>